<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>后代选择器</title>
	<style>
		/*后代选择器：派生、空格！  用途：选中父元素中子元素
		语法：任意选择器【父级】 任意选择器{}
		网页：嵌套元素
		 
		 */
		d1  dd{
			color: #443;
			background: #595;
		}
		ul li{
			background:#55aaff;
		}
		ul.two{
			font-size: 100px;
				color: #55ffff;
				
		}
		#nav div div {
			font-size: 20px;
			color: #aa0000;
			background: #000000;
		}
		.frooer div  div div  s {
			font-size: 36px;
			background: #ff557f;
		}
		.frooer div s{
			font-size: 36px;
			background: #ff557f;
		}
		
	</style>
	</head>
	<body>
		<div class="frooer">
			<div></div><div><s class="CTY">删除线</s><span>行内元素</span>  </div></div></div>
		      <div><s class="CTY">删除线</s></div>
		
		<hr>
		<div id="nav">
			<div><p>第一个段落</p><div><del class="CTY">删除线</del></div> </div>
			<div><p></p></div>
			
		</div>
		
		
		<hr>
		<!-- 块元素：定义列表 -->
	<d1>
		<dt>图片1</dt>
		<dd>解释小图片</dd>
	</d1>
	<ul>
		<li>窗外</li>
		<li class="two">情深深雨蒙蒙</li>
		<li>还珠格格</li>	
		<li>一帘幽梦</li>	
	</ul>
	</body>
</html>